.bar_order {
	.common-top{
		display: flex;
		align-items: center;
		position: relative;
		.change-stock-btn {
			position: absolute;
			right: 50px;
			span {
			  vertical-align: middle;
			}
			.change-btn {
			  display: inline-block;
			  width: 100px;
			  height: 30px;
			  background: rgb(236, 236, 236);
			  vertical-align: middle;
			  border-radius: 15px;
			  position: relative;
			  cursor: pointer;
			  overflow: hidden;
			  i {
				display: inline-block;
				width: 55px;
				height: 30px;
				border-radius: 15px;
				background: rgb(51, 199, 37);
				position: absolute;
				left: 0;
				transition: all .3s;
			  }
			  &.right-btn {
				i {
				  left: 45px;
				}
			  }
			}
		  }
	}
	.dialog-box {
		.dialog-content {
			.dialog-content-title {
				background-color: #f3f6fb;
				table{
					tr {
						height: 48px;
						th {
							text-align: center;
							vertical-align: middle;
							width:100%;
						}
					}
				}
			}
			.dialog-scroll {
				height: 340px;
				overflow: auto;
				.scroll-inner {
					table{
						width: 100%;
						border: none;
						border-collapse: collapse;
						table-layout: fixed;
						tr {
							height: 48px;
							border-bottom: dotted 2px #bbcedc;
							td {
								text-align: center;
								vertical-align: middle;
								width:100%;
							    word-break:keep-all;/* 不换行 */
							    white-space:nowrap;/* 不换行 */
							    overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
							    text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
							}
						}
					}
				}
			}
		}
	}
}